import Vue from 'vue'
import VueRouter from 'vue-router'
// import HomeView from '../views/HomeView.vue'
const LoginView = () => import("../views/LoginView");
const CartView = () => import("../views/CartView");


Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    redirect: "/login",
    meta: {  // 配置元信息
      auth: false   // 如果auth是true 那么需要校验权限
    }
  },
  {
    name: "login",
    path: '/login',
    component: LoginView,
    meta: {  // 配置元信息
      auth: false   // 如果auth是true 那么需要校验权限
    }
  },
  {
    name: "cart",
    path: '/cart',
    component: CartView,
    meta: {  // 配置元信息
      auth: true   // 如果auth是true 那么需要校验权限
    }
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

// 全局的路由守卫
router.beforeEach(function (to, from, next) {
  console.log(to, from)
  if(to.meta.auth){
    // 需要校验是否登录了
    let login = localStorage.getItem("login");
    if(login){
      // login参数有，可以跳转到下一个路由
      next();
    }else{
      // 没有登录
      next("/login");
    }
  }else{
      // 不需要校验是否登录了
    next()
  }
})

export default router
